<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/2/27 0027
  Time: 14:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>食物清单</title>
    <jsp:include page="../base.jsp"/>

    <!-- bootstrap-表格搭建 -->
    <link rel="stylesheet" href="${requestScope.webRoot}static/bootstrap/table/bootstrap-table.min.css">
    <script src="${requestScope.webRoot}static/bootstrap/table/bootstrap-table.min.js" ></script>
    <script src="${requestScope.webRoot}static/bootstrap/table/locale/bootstrap-table-zh-CN.min.js" ></script>

    <link rel="stylesheet" href="${requestScope.webRoot}static/css/theme.css">

    <script src="${requestScope.webRoot}static/js/control/modal/hintModal.js"></script>
    <script src="${requestScope.webRoot}static/js/control/table/FoodsTable.js"></script>
</head>

<body>
<script>
    $(function () {
        window.tableObject = new FoodsTable($(".bootstrap-table-div"),"foods");
        window.foodTypeSelect = '${foodtype}';
    });
</script>
<jsp:include page="../leftTheBorder.jsp">
    <jsp:param name="level1Menu" value="food"/>
    <jsp:param name="level2Menu" value="foods"/>
</jsp:include>
<div class="mainContent">
    <div class="segmentation-1">商品管理</div>
    <div class="bootstrap-table-div" data-userId="${sessionScope.user.id}" style="min-width: 700px"></div>
</div>
<jsp:include page="foodsModal.jsp"/>
<div class="modal fade" id="error"></div>
</body>
</html>
